﻿/* CSS Document */
@charset "utf-8";

img, .png
{
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
       this.src = "/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
       this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
       this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}





/*content*/
.site
{
}

.mana_acc
{
    padding: 10px 25px 5px 25px;
}

p
{
    text-align: left;
    font-size: 14px;
    font-weight: bold;
    padding: 20px 0 0 50px;
}

.productcategory
{
    border-left: 1px solid #CCCCCC;
}

.reportBuyingGroupcategory
{
    font-weight: bold;
}

tr.category td
{
    background: url(/images/bg_table.jpg) repeat-x !important;
    height: 30px;
    _height: 24px;
    *height: 24px;
}

tr
{
    height: 26px;
}

.blockform
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.formcart2
{
    border: 1px solid #CCCCCC;
    height: 20px;
    display: block;
    line-height: 24px;
    font-size: 12px;
}

.formcart3
{
    border: 1px solid #CCCCCC;
    height: 23px;
    width: 180px;
    padding-left: 5px;
}

    .formcart3 p
    {
        padding: 3px;
        font-weight: normal;
        font-size: 12px;
    }

label.formcart2, label.formcart3
{
    background: #EAEAEA;
}

.atitle
{
}

    .atitle a:hover
    {
        color: #00adef;
    }

.blockform li
{
    float: left;
}

.formcart
{
    border: 1px solid #CCCCCC;
    height: 21px;
    width: 153px;
}

/*Phân trang*/
ul.blockpages li
{
    display: inline;
}

    ul.blockpages li.pager-current a
    {
        color: #ffffff;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        padding: 10px 7px 7px 7px;
        margin: 0 2px;
        background-color: #bdbdbd !important;
        border-bottom: #00adef solid 3px;
    }

    ul.blockpages li.pager a
    {
        color: #8e8c8d;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        padding: 10px 7px 7px 7px;
        margin: 0 2px;
        text-decoration: none;
    }

        ul.blockpages li.pager a:hover
        {
            color: #8e8c8d;
            font-size: 12px;
            font-family: Arial;
            padding: 10px 7px 7px 7px;
            margin: 0 2px;
            border-bottom: #00adef solid 3px;
            background-color: #ffffff;
        }

    ul.blockpages li.pager_last a,
    ul.blockpages li.pager_first a
    {
        color: #0090c5;
        font-size: 12px;
        font-family: Arial;
        padding: 10px 5px 0 5px;
        text-align: center;
        text-decoration: none;
    }

        ul.blockpages li.pager_last a:hover,
        ul.blockpages li.pager_first a:hover
        {
            text-decoration: none;
        }

    ul.blockpages li.pager_next a,
    ul.blockpages li.pager_back a
    {
        color: #0090c5;
        font-size: 12px;
        font-family: Arial;
        margin-left: 4px;
        margin-right: 4px;
        padding: 10px 6px 0 6px;
        text-align: center;
        text-decoration: none;
    }

        ul.blockpages li.pager_last a:hover,
        ul.blockpages li.pager_first a:hover,
        ul.blockpages li.pager_next a:hover,
        ul.blockpages li.pager_back a:hover
        {
            text-decoration: underline;
        }
/*Foooter&*/
.sitemap
{
    float: right;
    margin-left: 6px;
}

    .sitemap ul
    {
        padding: 0px;
        margin: 0px;
    }

    .sitemap li
    {
        float: left;
        display: inline;
    }

.linkbox
{
    width: 434px;
    float: left;
    position: relative;
    z-index: 1009;
    margin-left: -175px;
    margin-top: -2px;
}

.linkbox_duoi
{
    width: 434px;
    float: left;
    position: absolute;
    z-index: 1009;
    margin-left: -330px;
    margin-top: -327px;
}

.toplinkbox
{
    width: 434px;
    height: 10px;
}

.botlinkbox
{
    width: 434px;
    height: 5px;
}

.content_linkbox
{
    background-image: url(/images/bgmenudown.gif);
    background-repeat: repeat-y;
    background-position: left top;
    width: 434px;
}

.list_linkbox
{
    padding-left: 0px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.collink
{
    background-image: url(/images/vlinemenudown.gif);
    background-repeat: repeat-y;
    background-position: right top;
    width: 138px;
}

.collink2
{
    width: 135px;
}

.listsitemap
{
    padding-right: 10px;
}

    .listsitemap a:link, .listsitemap a:visited
    {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 22px;
        display: block;
        border-bottom: dotted 1px #c6c6c6;
        font-size: 11px;
        background-image: url(/images/bull_3.gif);
        background-repeat: no-repeat;
        background-position: 8px 10px;
        text-decoration: none;
    }

    .listsitemap a:hover
    {
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 22px;
        display: block;
        border-bottom: dotted 1px #c6c6c6;
        font-size: 11px;
        background-image: url(/images/bull_3.gif);
        background-repeat: no-repeat;
        background-position: 8px 10px;
    }

.top_new_1
{
    width: 143px;
    float: left;
    border-right: 1px solid #ccc;
}

.top_new_2
{
    width: 143px;
    float: left;
}

.top_new_nd
{
    padding: 0px 10px 0px 10px;
    line-height: 230%;
}

    .top_new_nd a:link, .top_new_nd a:visited
    {
        font-size: 11px;
        color: #787878;
        text-decoration: none;
        font-weight: normal;
    }

    .top_new_nd a:hover, .top_new_nd a:active
    {
        color: #00adef;
        font-size: 11px;
        text-decoration: underline;
    }

.s_s
{
    color: #787878;
}

.sponsor
{
    border-left: 1px solid #d9dcdc;
    border-right: 1px solid #d9dcdc;
}

    .sponsor ul li
    {
        float: left;
    }

    .sponsor ul
    {
        padding: 10px 0;
    }

        .sponsor ul li img
        {
            padding: 0 10px;
        }

.ad_right
{
    margin: 12px 0;
}

.textmenu
{
    padding-left: 10px;
}

.content_title
{
    background-image: url("/images/bg_menu_title.png");
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    height: 30px;
    line-height: 30px;
    background-repeat: no-repeat;
}

    .content_title img
    {
        margin: 5px 0px 5px 12px;
        float: left;
    }

.content_search
{
    border: 2px #dfdfdf solid;
    background-color: #F6F6F4;
    padding-bottom: 10px;
}

.content_info
{
    padding: 5px;
}

.content_info_left
{
    width: 112px;
    text-align: left;
    float: left;
    padding-top: 4px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
}

.content_info_right
{
    width: 160px;
    text-align: left;
}

.content_info ul li
{
    float: left;
}
/*.content_info ul li span
{
    	font-size:12px;
	    font-weight:bold;
	    line-height:20px;
}
*/
input, select
{
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #FFFFFF;
    border: 1px solid #BDC7D8;
    color: #333333;
    height: 20px;
}

input
{
    height: 15px;
}

select
{
    height: 20px;
}


.input_text
{
    width: 140px;
}

.content_detail
{
    padding: 10px 10px 20px 10px;
}

    .content_detail tr td
    {
        font-size: 11px;
    }

.content_paging
{
    padding: 10px 0px 10px 0px;
}

.header img.sloganlogin
{
    margin: 25px 0 0 30px;
}

.maincontain
{
    border-bottom: 3px solid #ff0202;
    border-top: 3px solid #ff0202;
    background-color: #F6F6F4;
}

.warper
{
    height: 360px;
}

/*Function - Treeview*/
.titletree
{
    background-color: #EEEEEE;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 24px;
    line-height: 24px;
    text-align: left;
}

.CateforyAll
{
    border: 1px solid #CCCCCC;
    height: 350px;
    overflow: auto;
    padding: 5px 5px 5px 20px;
    width: 250px;
}

.command
{
    float: left;
    position: relative;
}

.InShop
{
    border: 1px solid #CCCCCC;
    float: right;
    height: 350px;
    overflow: auto;
    padding: 5px 5px 5px 20px;
    width: 250px;
}

.titletree span
{
    font-weight: bold;
    padding-left: 30px;
    font-size: 14px;
}

.btn-left
{
    left: 30px;
    position: absolute;
    top: 100px;
}

.btn-right
{
    left: 120px;
    position: absolute;
    top: 100px;
}

.visible
{
    display: block;
}

.invisible
{
    display: none;
}
/*End Function*/

/*Plot BuyingGroup*/
.plot
{
    width: 355px;
    float: left;
    padding-left: 35px;
}

.plot_detail
{
    width: 300px;
}

.centerblock
{
    width: 210px;
    float: left;
    padding-top: 0px;
}

.price
{
    height: 30px;
    line-height: 30px;
    padding: 3px 0;
    text-align: left;
}

    .price img
    {
        margin-left: 1px;
        margin-top: 4px;
    }

.pricedetail
{
    padding-left: 30px;
    border-bottom: 1px #dddddd solid;
}

.timeleft
{
    height: 36px;
    line-height: 36px;
    margin-bottom: 8px;
    width: 230px;
    position: relative;
    top: 8px;
    left: -12px;
}

    .timeleft span
    {
        float: left;
        font-size: 16px;
        text-align: center;
        margin-left: 105px;
    }

.showtime
{
    background: url("/Images/bg_time.png") no-repeat center;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    width: 120px;
}

.pricedetail
{
    padding-left: 30px;
    border-bottom: 1px #dddddd solid;
}

.infoitem
{
    padding-bottom: 3px;
    color: #00adef;
}

.buyinggroup_payment_title
{
    width: 100px;
    text-align: left;
}

.buyinggroup_payment_info
{
    width: 240px;
    font-weight: bold;
    text-align: left;
}

/*Đang mua hàng*/

.content_popup
{
    background: url(/images/bg_pop.jpg) no-repeat bottom center;
}

.customer
{
    padding-bottom: 8px;
    margin-top: 4px;
}

.customer_detail
{
    width: 125px;
    float: left;
    margin: 0 3px;
    padding-top: 8px;
}

.grid_item
{
    float: left;
    overflow: hidden;
    padding: 0 4px 8px 6px;
    width: 50px;
}

.customer .name
{
    padding-top: 3px;
    font-size: 11px;
}

.avata_cus
{
    width: 55px;
    float: left;
}

.info_cus
{
    width: 70px;
    float: right;
}

    .info_cus h6
    {
        text-align: left;
        padding-left: 4px;
        padding-top: 2px;
    }

    .info_cus p
    {
        text-align: left;
        padding-left: 4px;
        padding-top: 3px;
        font-size: 11px;
    }

/*Block*/
.listhumandetaill
{
    width: 220px;
    padding-bottom: 6px;
    float: left;
}

.blockcommentdetail
{
    font-size: 11px;
    text-align: left;
}

.avatarimage img
{
    padding: 8px 8px 0 8px;
}

.blockcommentdetail
{
    padding-top: 6px;
    line-height: 18px;
    margin-right: 12px;
}

.name_product
{
    text-align: left;
    padding: 8px 0 8px 20px;
    font-size: 14px;
    font-weight: bold;
}

/* fix Title */

.content_title_admin
{
    height: 30px;
    width: 260px;
    margin-top: 12px;
    line-height: 30px;
    font-weight: bold;
    font-size: 12px;
    background: url(/images/bg_title.jpg) repeat-x;
}

.topmenu
{
    font-size: 12px;
}

    .topmenu img
    {
        vertical-align: middle;
        padding: 0px 10px 0px 5px;
    }

.info_title_line
{
    border-bottom: 2px solid rgb(216, 214, 214);
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 260px;
    color: #409647;
}

.title
{
    text-align: left;
    font-size: 16px;
    color: #409647;
    padding: 8px 10px 10px 10px;
}
/***************************************************************************************************************************/


html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, img
{
    margin: 0;
    padding: 0;
    border: 0 none;
    font-size: 11px;
}

body, select, textarea, input
{
    font-family: Arial, sans-serif;
}

body
{
    text-align: center;
}

a
{
    font-family: Arial, sans-serif;
}

    a:link
    {
        text-decoration: none;
    }

    a:visited
    {
        text-decoration: none;
    }

    a:active
    {
        text-decoration: none;
    }

    a:hover
    {
        color: #00adef;
    }

h1
{
    font-size: 26px;
    font-weight: bold;
}

h2
{
    font-size: 24px;
    font-weight: normal;
}

h3
{
    font-size: 18px;
    font-weight: lighter;
}

h4
{
    font-size: 14px;
    font-weight: bold;
}

h5
{
    font-size: 12px;
}

.nl
{
    float: left;
}

ul, ol
{
    list-style: none;
}

.nr
{
    float: right;
}

.clear
{
    clear: both;
}

.text_grey
{
    color: #797979;
}

.text_green
{
    color: #409647;
}

.text_blue
{
    color: #00adef;
}

.norBlue
{
    color: #00adef;
    font-weight: bold;
}

.norB
{
    font-weight: bold;
}
/*Topsite*/
.topbar
{
    height: 40px;
    line-height: 30px;
    background-color: #289bec;
    color: #dddddd;
    border-bottom: 1px solid #4fb6fd;
}

    .topbar a
    {
        color: #ffffff;
    }

        .topbar a:hover
        {
            text-decoration: underline;
            color: #ffffff;
        }

.header
{
    height: 150px;
    background: #01b0f1 url(/Images/bg_header.jpg) no-repeat;
}

.menu
{
    height: 30px;
    background-color: #484848;
    width: 100%;
    float: left;
}

    .menu ul li
    {
        position: relative;
        display: inline;
        text-transform: uppercase;
        z-index: 1000;
        float: left;
        font-size: 12px;
        list-style-type: none;
        margin: 0;
    }

        .menu ul li a
        {
            background: url(/images/menu_div.gif) no-repeat scroll right bottom transparent;
            color: #D5D5D5;
            display: block;
            font-weight: bold;
            margin: -3px 0 0;
            padding: 10px 8px 8px 8px;
            position: relative;
            text-decoration: none;
        }

            .menu ul li a:hover
            {
                background-color: #535353;
                color: #ffffff;
            }

        .menu ul li ul
        {
            display: none;
            position: absolute;
            top: 33px;
            background-color: #484848;
            width: 200px;
        }

            .menu ul li ul li
            {
                display: block;
            }

                .menu ul li ul li a
                {
                    font-size: 12px;
                    text-transform: capitalize;
                    font-weight: normal;
                    display: block !important;
                    background-color: #535353;
                    text-align: left;
                    height: 30px;
                    line-height: 30px;
                    padding: 0 0 0 10px;
                    width: 200px;
                    border-bottom: 1px solid #636363;
                }

                    .menu ul li ul li a:hover
                    {
                        color: #000000;
                        background-color: #d8d8d8;
                    }

        .menu ul li:hover ul
        {
            display: block;
        }

/*Midddlesite*/
.middlesite
{
    padding: 15px;
    min-height: 450px;
}

.tabs_wrapper
{
    border-bottom: 1px solid #E2E2E2;
    height: 24px;
    line-height: 24px;
    margin-bottom: 5px;
    padding-bottom: 7px;
    margin-top: 0px !important;
    width: 100%;
}

ul.tabs
{
    width: 100%;
}

    ul.tabs li
    {
        background: none repeat scroll 0 0 #FFFFFF;
        color: #00ADEF;
        float: left;
        font-size: 20px;
        font-weight: bold;
    }


.container_data
{
    margin-bottom: 15px;
}

    .container_data .header_container
    {
        background: url(/images/left_header_container_title.gif) no-repeat scroll left top transparent;
        border-bottom: 5px solid #005C91;
        color: #FFFFFF;
        font-family: Arial,Tahoma;
        font-size: 13px;
        font-weight: bold;
        height: 25px;
        line-height: normal;
        padding: 0 0 0 8px;
        text-transform: uppercase;
    }

        .container_data .header_container .container_text
        {
            background: url(/images/right_header_container_title.gif) no-repeat scroll right top #005C91;
            float: left;
            height: 18px;
            padding-right: 50px;
            padding-top: 7px;
        }

    .container_data .content
    {
        background-color: #FFFFFF;
    }

    .container_data .content
    {
        border: 1px solid #DBDBDB;
    }

.formrow input, .formrow select
{
    border: 1px solid #cccccc;
}

.form
{
    padding: 5px;
}

    .form.form_3cols .formrow
    {
        width: 33%;
    }

        .form.form_3cols .formrow .lb
        {
            width: 33%;
        }

.form_1row .formrow, .form_2cols .formrow, .form_3cols .formrow, .form_4cols .formrow
{
    float: left;
}

.form .formrow
{
    display: block;
    float: left;
}

.formrow
{
    padding: 3px 0;
}

.lb, .lb_largest, .lb_large, .lb_medium, .lb_small, .lb_smallest
{
    display: block;
    font-weight: bold;
    line-height: 17px;
    padding: 1px 10px 1px 0;
    color: #333333;
    font-size: 12px;
}

.right
{
    text-align: right !important;
}

.container_data .form_btn
{
    background-color: #ECECEC;
    border-top: 1px solid #DBDBDB;
    padding: 4px 10px;
}

.button
{
    -moz-border-radius: 3px 3px 3px 3px;
    background-color: #00ADEF;
    border: 1px solid #0075A2;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    height: 22px;
    padding: 0px 5px 3px 5px;
    _padding-bottom: 1px;
    *padding-bottom: 1px;
    margin-left: 5px;
}

    .button:hover
    {
        background-color: #585858;
        border: 1px solid #424242;
        color: #FFFFFF;
    }
/*Table*/
.detailprice tr td
{
    font-size: 11px;
    /*text-align:left;*/
}

.productcategory
{
    border-left: 1px solid #99BBE8;
}

.headercart
{
    border-bottom: 1px solid #99BBE8;
    border-right: 1px solid #99BBE8;
    padding: 3px 3px 3px 5px;
    text-align: center;
}

tr.category td
{
    background: url(/images/df_tbl_headercell_bg.gif) repeat-x !important;
    font-size: 12px;
    height: 30px;
    _height: 29px;
    *height: 29px;
}

tr
{
    height: 26px;
}

    tr.even:hover td, tr.odd:hover td
    {
        background-color: #ffe8aa;
    }

td
{
    background: #ffffff;
    height: 25px;
}

    td a img
    {
        padding: 0 2px;
    }

tr.even td
{
    background-color: #fff8e6;
}

.detailprice .textbox_grid
{
    height: 13px;
    background-color: transparent;
    border: none;
    color: #000000;
}

.detailprice .textbox_grid_active
{
    height: 13px;
    background-color: transparent;
    border: 1px solid #99BBE8;
    color: #000000;
}

/*pâh trang*/
ul.blockpages li
{
    display: inline;
}

    ul.blockpages li.pager-current a
    {
        color: #ffffff;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        padding: 10px 7px 7px 7px;
        margin: 0 2px;
        background-color: #bdbdbd !important;
        border-bottom: #00adef solid 3px;
    }

    ul.blockpages li.pager a
    {
        color: #8e8c8d;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        padding: 10px 7px 7px 7px;
        margin: 0 2px;
        text-decoration: none;
    }

        ul.blockpages li.pager a:hover
        {
            color: #8e8c8d;
            font-size: 12px;
            font-family: Arial;
            padding: 10px 7px 7px 7px;
            margin: 0 2px;
            border-bottom: #00adef solid 3px;
            background-color: #ffffff;
        }

    ul.blockpages li.pager_last a,
    ul.blockpages li.pager_first a
    {
        color: #0090c5;
        font-size: 12px;
        font-family: Arial;
        padding: 10px 5px 0 5px;
        text-align: center;
        text-decoration: none;
    }

        ul.blockpages li.pager_last a:hover,
        ul.blockpages li.pager_first a:hover
        {
            text-decoration: none;
        }

    ul.blockpages li.pager_next a,
    ul.blockpages li.pager_back a
    {
        color: #0090c5;
        font-size: 12px;
        font-family: Arial;
        margin-left: 4px;
        margin-right: 4px;
        padding: 10px 6px 0 6px;
        text-align: center;
        text-decoration: none;
    }

        ul.blockpages li.pager_last a:hover,
        ul.blockpages li.pager_first a:hover,
        ul.blockpages li.pager_next a:hover,
        ul.blockpages li.pager_back a:hover
        {
            text-decoration: underline;
        }

.header_container a
{
    float: right;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    color: #3d3d3d;
    padding: 0 5px;
    margin-right: 12px;
}

    .header_container a:hover
    {
        color: #00adef;
    }

    .header_container a img
    {
        vertical-align: middle;
        margin-right: 5px;
    }

.adminBox_Control
{
    float: right;
}

    .adminBox_Control #save.action
    {
        background: url(/images/icon_save.gif) no-repeat scroll 2px 2px #C1E4FF;
    }

    .adminBox_Control #cancel.action
    {
        background: url(/images/icon_close.gif) no-repeat scroll 3px 3px #C1E4FF;
    }

    .adminBox_Control #add.action
    {
        background: url(/images/icon_add.gif) no-repeat scroll 3px 3px #C1E4FF;
    }

    .adminBox_Control .icon_add
    {
        background: url(/images/icon_add.gif) no-repeat scroll 3px 3px #C1E4FF;
    }

    .adminBox_Control .icon_del
    {
        background: url(/images/icon_close.gif) no-repeat scroll 3px 3px #C1E4FF;
    }

    .adminBox_Control .icon_edit
    {
        background: url(/images/icon_edit.png) no-repeat scroll 3px 1px #C1E4FF;
    }

    .adminBox_Control .icon_save
    {
        background: url(/images/icon_save.gif) no-repeat scroll 2px 2px #C1E4FF;
    }

    .adminBox_Control .icon_cancel
    {
        background: url(/images/icon_close.gif) no-repeat scroll 3px 3px #C1E4FF;
    }

    .adminBox_Control .icon_lock
    {
        background: url(/images/icon_close.gif) no-repeat scroll 3px 3px #C1E4FF;
    }

    .adminBox_Control .icon_unlock
    {
        background: url(/images/icon_close.gif) no-repeat scroll 3px 3px #C1E4FF;
    }


    .adminBox_Control .action
    {
        -moz-border-radius: 2px 2px 2px 2px;
        background-color: #C1E4FF;
        border: 1px solid #1EB0FF;
        font-family: Verdana,Tahoma;
        font-size: 11px;
        font-weight: bold;
        text-transform: capitalize;
        color: #267FC4;
        float: right;
        font-weight: bold;
        margin: 4px 0 0 5px;
        padding: 2px 5px 2px 20px;
        text-decoration: none;
    }

        .adminBox_Control .action:hover
        {
            background-color: #FFDF4C !important;
            border: 1px solid #FF7200;
            color: #FF7200;
            cursor: pointer;
        }


/*Trang login*/
.login_top
{
    background-color: #00B0F1;
}

.login_bg h1.login_vtclogo
{
    background: url(/images/login_logo.gif) no-repeat scroll 0 0 transparent;
    display: block;
    height: 80px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 340px;
}

.login_bg
{
    background: url(/images/login_bg.jpg) no-repeat scroll center center transparent;
    height: 278px;
    margin: 0 auto;
    padding-top: 90px;
    width: 980px;
}

.login_header_text
{
    background-color: #003D53;
    color: #FFFFFF;
    font-weight: bold;
    padding: 15px 0 10px;
    text-align: center;
    text-transform: uppercase;
}

.login_form
{
    margin: 0 auto;
    padding: 25px 35px 40px;
    width: 555px;
}

    .login_form .formrow
    {
        float: left;
        padding: 0 30px 10px;
        width: 215px;
    }

.go_ibtn_blue
{
    background: url(/images/go_btn.gif) repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    float: left;
    height: 22px;
    margin-left: 14px;
    padding-top: 22px;
    width: 49px;
}

.remember_login_pass
{
    color: #A2A2A2;
    float: left;
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    padding: 0 20px 0 30px;
    text-align: right;
    width: 400px;
}

.login_form .form_field input
{
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid #E2E2E2;
    padding: 3px;
}

.textarea_small, .textbox_small
{
    width: 200px;
}

td .select_function
{
    -moz-border-radius: 5px;
    background-color: #C1E4FF;
    border: 1px solid #1EB0FF;
    width: 100px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

    td .select_function:hover
    {
        background-color: #f0f0f0 !important;
        border: 1px solid #00adef;
        cursor: pointer;
        color: #3d3d3d;
    }

.dropdown_width
{
    width: 146px;
}

/*Trang Login mới*/
body#bdLogin
{
    background: url("/Images/background.png");
    font-family: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 11px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
}

#containerLoginNew
{
    min-height: 410px;
    height: auto !important;
    height: 410px;
}

#login_new
{
    margin: 10% auto 0;
    padding: 0;
    width: 420px;
}

    #login_new div.title
    {
        background: url("/Images/header_inner.png") repeat-x scroll 0 0 #003367;
    }

    #login_new div.title
    {
        background: url("/Images/header_inner.png") repeat-x scroll 0 0 #003367;
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 420px;
    }

        #login_new div.title h5
        {
            color: #FFFFFF;
            margin: 10px;
            padding: 0;
        }

body#bdLogin h5
{
    font-size: 14px;
}

#login_new div.title div.tl
{
    background-position: 0 0;
    left: 0;
    top: 0;
}

#login_new div.title div.corner
{
    background: url("/Images/login_corners.png") no-repeat scroll 0 0 transparent;
    width: 6px;
    height: 6px;
    position: absolute;
}

#login_new div.title div.tr
{
    background-position: -6px 0;
    right: 0;
    top: 0;
}

#login div.title div.corner
{
    background: url("/Images/blue/login_corners.png") no-repeat scroll 0 0 transparent;
}

#login_new div.messages
{
    background: none repeat scroll 0 0 #FFFFFF;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    #login_new div.messages div.message-error
    {
        background: none repeat scroll 0 0 #FBE3E4;
        border: 1px solid #FBC2C4;
        clear: both;
        color: #860006;
        height: 1%;
        overflow: hidden;
    }

    #login_new div.messages div.message div.image
    {
        float: left;
        margin: 2px 0 2px 5px;
        padding: 6px;
    }

#login_new div.message
{
    clear: both;
    margin: 20px 20px 0;
    overflow: hidden;
    padding: 0;
}

#login_new div.messages div.message div.image img
{
    margin: 0;
    vertical-align: middle;
}

#login_new div.text
{
    float: left;
    margin: 0;
    padding: 10px 6px;
    width: 310px;
}

#login_new div.messages div.message div.text h1, #login_new div.messages div.message div.text h2, #login_new div.messages div.message div.text h3, #login_new div.messages div.message div.text h4, #login_new div.messages div.message div.text h5, #login_new div.messages div.message div.text h6
{
    border: medium none;
    margin: 0;
    padding: 0;
}

#login_new div.messages div.message-error h6
{
    color: #860006;
}

body#bdLogin h6
{
    font-size: 11px;
}

#login_new div.messages div.message div.text span
{
    display: block;
    height: 1%;
    margin: 0;
    padding: 3px 0 0;
}

#login div.messages div.message div.dismiss
{
    float: right;
    margin: 0;
    padding: 0;
}

    #login div.messages div.message div.dismiss a
    {
        background: url("/Images/cross.png") no-repeat scroll 0 0 transparent;
        display: block;
        height: 16px;
        margin: 15px 14px 0 0;
        padding: 0;
        width: 16px;
    }

body#bdLogin a
{
    color: #0066CC;
    cursor: pointer;
    text-decoration: none;
}

#login_new div.inner
{
    background: url("/Images/login.png") no-repeat scroll left top #FFFFFF;
    border-bottom: medium none;
    border-top: medium none;
    margin: 0 auto;
    padding: 20px;
    width: 380px;
}

#login_new div.form
{
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

    #login_new div.form div.fields
    {
        clear: both;
        margin: 0;
        overflow: hidden;
        padding: 0;
    }

        #login_new div.form div.fields div.field
        {
            clear: both;
            margin: 0;
            overflow: hidden;
            padding: 0 0 10px;
        }

            #login_new div.form div.fields div.field div.label
            {
                float: left;
                left: 0;
                margin: 2px 10px 0 0;
                padding: 2px 0 0 5px;
                position: relative;
                text-align: right;
                width: 155px;
            }

                #login_new div.form div.fields div.field div.label label
                {
                    color: #000000;
                    font-weight: bold;
                }

#login div.form div.fields div.field div.input
{
    float: left;
    margin: 0;
    padding: 0;
}

#login_new div.form div.fields div.field div.input input
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #B3B3B3 #EAEAEA #EAEAEA #B3B3B3;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    font-family: Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 4px 3px 5px;
    width: 176px;
}

#login_new div.form div.fields div.field div.checkbox
{
    margin: 0 0 0 184px;
    padding: 0;
}

    #login_new div.form div.fields div.field div.checkbox label
    {
        color: #565656;
        font-weight: bold;
    }

#login_new div.form div.fields div.buttons
{
    border-top: 1px solid #DDDDDD;
    clear: both;
    margin: 0;
    overflow: hidden;
    padding: 10px 0 0;
    text-align: right;
}

#login_new .ddlLoginNew
{
    height: 27px;
    padding: 3px;
}

#login_new div.form div.fields div.buttons input.ui-state-default
{
    background: url("/Images/button.png") repeat-x scroll 0 0 #E5E3E3;
    border-color: #DDDDDD #DDDDDD #C6C6C6 #C6C6C6;
    border-style: solid;
    border-width: 1px;
    color: #515151;
    margin: 0;
    padding: 6px 12px;
    height: 100%;
}

#login_new div.form div.fields div.buttons input.ui-state-hover
{
    background: url("/Images/button_selected.png") repeat-x scroll 0 0 #B4B4B4;
    border-color: #CCCCCC #B1B1B1 #AFAFAF #BEBEBE;
    border-style: solid;
    border-width: 1px;
    color: #515151;
    margin: 0;
    padding: 6px 12px;
    height: 100%;
}

/* Footer */
.footer
{
    font-family: Arial, Tahoma;
    font-size: 11px;
    color: #5e5e5e;
    line-height: 18px;
    background: #eaeaea;
    border-top: 2px #ccc solid;
    height: 1%;
    padding-top: 15px;
    padding-bottom: 10px;
}

.footer_inner
{
    padding-left: 10px;
    padding-right: 10px;
}

.f_left
{
    width: 550px;
    text-align: left;
}


/*Function*/
.function
{
    width: 120px;
}

    .function ul
    {
        margin: 0px;
        padding: 0px;
    }

        .function ul li
        {
            font-size: 11px;
            list-style-type: none;
            font-family: Tahoma;
            height: 20px;
            line-height: 18px;
        }

            .function ul li a
            {
                background-color: #00ADEF;
                color: #FFFFFF;
                display: block;
                text-decoration: none;
                height: 20px;
                line-height: 18px;
                width: 113px;
                padding-left: 3px;
                border: 1px solid #0075A2;
                font-weight: bold;
            }

                .function ul li a:hover
                {
                    background-color: #585858;
                    color: #FFFFFF;
                }

            .function ul li .drop
            {
                float: right;
                border: none;
                height: 20px;
                width: 21px;
            }

                .function ul li .drop img
                {
                    border: none;
                    padding: 6px 0px 0px 5px;
                }

        .function ul.context-menu
        {
            position: absolute;
            display: block;
            border: 1px solid #0075A2;
            width: 116px;
            background: #00ADEF;
            border-top: none;
            display: none;
            text-align: left;
            box-shadow: 6px 10px 10px;
        }

            .function ul.context-menu li
            {
                margin: 0px;
                padding-left: 5px;
                height: 20px;
                line-height: 18px;
                color: #FFFFFF;
                font-weight: bold;
            }

                .function ul.context-menu li:hover
                {
                    background: #585858;
                    cursor: pointer;
                }
/*End Function*/
/*
*********************************************
~ INFORMATION MESSAGES
*********************************************
*/
.notice_msg, .success_msg, .info_msg, .error_msg
{
    background-repeat: no-repeat;
    background-position: 12px 9px;
    padding: 8px 8px 8px 40px;
    margin-bottom: 8px;
    text-align: left;
}

.notice_msg
{
    background-color: #fffcd3;
    background-image: url(/images/icon_notice_msg.gif);
    border: 1px solid #c2beb1;
    color: #57472a;
}

.success_msg
{
    background-color: #e5f993;
    background-image: url(/images/icon_succes_msg.gif);
    border: 1px solid #9bac55;
    color: #688006;
}

.info_msg
{
    background-color: #d4ebfa;
    background-image: url(/images/icon_info_msg.gif);
    border: 1px solid #90b1c7;
    color: #225ea1;
}

.error_msg
{
    background-color: #f6b9b9;
    background-image: url(/images/icon_error_msg.gif);
    border: 1px solid #e18484;
    color: #cd2757;
}

.buying_chart
{
    height: 45px;
    clear: both;
    margin-bottom: 5px;
}

.buying_statistic
{
    background: url(/images/bg_buy_statistic.gif) repeat-x 0 118px;
    height: 118px;
    padding-top: 123px;
}

.buyer_counter
{
    color: #006600;
    font-size: 12px;
    font-weight: bold;
}

.chart_label
{
    width: 85px;
    font-size: 10px;
    color: red;
    word-spacing: -1px;
    padding-right: 2px;
    padding-left: 9px;
}

    .chart_label span
    {
        display: block;
        padding: 6px 0;
    }

.chart_holder
{
    width: 196px;
    height: 35px;
    margin-top: 17px;
}

.preview_photo
{
    width: 263px;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: #ddd9da;
    margin-top: 14px;
    position: relative;
}

.fl, floatLeft
{
    float: left;
}

.fr, .floatRight
{
    float: right;
}

table
{
    border-collapse: collapse;
}

td
{
    border: solid 1px #CCC;
    padding: 3px;
    border-collapse: collapse;
}
tr.tableheader td
{
    background:#EEE;
    font-weight:bold;
}